<template>
  <div>
    <el-card>
      <el-breadcrumb separator="/">
        <el-breadcrumb-item>订单管理</el-breadcrumb-item>
        <el-breadcrumb-item>订单查询</el-breadcrumb-item>
      </el-breadcrumb>
      <h1>订单查询</h1>
    </el-card>
    <el-card>
        <el-form label-width="80px" size="mini">
          <el-form-item label="活动区域">
            <el-select v-model="activeFrom" placeholder="请选择活动区域">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="活动区域">
            <el-select v-model="activeFrom" placeholder="请选择活动区域">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
            <el-form-item label="活动区域">
              <el-select v-model="activeFrom" placeholder="请选择活动区域">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
          </el-form-item>
        </el-form>
    </el-card>
    <el-card></el-card>
  </div>
</template>
<script>
export default {
  data: function () {
    return {
      activeFrom: "",
    };
  },
};
</script>
<style scoped lang="less">
.el-card:last-child {
  margin-top: 20px;
}
</style>